<!DOCTYPE html>
<html lang="en">
<head>
    <title>玉泰新城共享区</title>
    <meta charset="utf-8">
    <link href="/plugins/echarts/common.css" rel="stylesheet"/>
    <link rel="stylesheet" href="/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="/style/admin.css" media="all">
    <link rel="stylesheet" href="/style/jmdf.css" media="all">
    <#setting number_format="#.##">
</head>
<body>
<!--顶部-->
<header class="header left">
    <div class="left nav">
        <ul>
            <li>&nbsp;</li>
        </ul>
    </div>
    <div class="header_center left" style="position:relative;font-weight: bold;font-size: 40px;">
        <span class="jmdf-color-red">玉泰新城(一期)共享区</span>
    </div>
</header>
<div class="con left">
    <div class="div_any">
        <span style="position: absolute;top: 70px;">
            <#-- ********************第一、三批次使用【批次房源】********************   -->
<#--            <span class="layui-badge" style="background-color: ${colorMap['一批次房源']};font-size: 22px;padding-top: 5px;padding-bottom: 5px;width:60px;">可选</span>-->
<#--            <span class="layui-badge" style="background-color: ${colorMap['三批次房源']};font-size: 22px;padding-top: 5px;padding-bottom: 5px;width:60px;">可选</span>-->
            <#-- ********************第二批次使用【保障、普选房源】********************   -->
            <span class="layui-badge" style="background-color: ${colorMap['普选房']};font-size: 22px;padding-top: 5px;padding-bottom: 5px;width:80px;">普选房</span>
            <span class="layui-badge" style="background-color: ${colorMap['共享类房源']};font-size: 22px;padding-top: 5px;padding-bottom: 5px;width:120px;">共享区房源</span>
            <span class="layui-badge" style="background-color: ${colorMap['一批结余房源']};font-size: 22px;padding-top: 5px;padding-bottom: 5px;width:100px;">一批结余</span>
<#--            <span class="layui-badge" style="background-color: ${colorMap['二批结余房源']};font-size: 22px;padding-top: 5px;padding-bottom: 5px;width:100px;">二批结余</span>-->
            <span class="layui-badge" style="background-color: red;font-size: 22px;padding-top: 5px;padding-bottom: 5px;width: 60px;">&nbsp;已选&nbsp;</span>
        </span>

        <#--玉泰-->
        <div class="left div_any01" style="width:99%">
            <div class="div_any_child" style="width:99%;height: 33%;">
                <div class="div_any_title" style="font-size: 25px;">[<span
                            class="jmdf-color-red">玉泰1号楼</span>]
                </div>
                <div id="housePic2" style="margin-top: 10px;"></div>
            </div>
        </div>
        <div class="left div_any01" style="width:99%">
            <div class="div_any_child" style="width:99%;height: 33%;">
                <div class="div_any_title" style="font-size: 25px;">[<span
                            class="jmdf-color-red">玉泰2号楼</span>]
                </div>
                <div id="housePic3" style="margin-top: 10px;"></div>
            </div>
        </div>
        <div class="left div_any01" style="width:99%">
            <div class="div_any_child" style="width:99%;height: 33%;">
                <div class="div_any_title" style="font-size: 25px;">[<span
                            class="jmdf-color-red">玉泰3号楼</span>]
                </div>
                <div id="housePic4" style="margin-top: 10px;"></div>
            </div>
        </div>
        <div class="left div_any01" style="width:99%">
            <div class="div_any_child" style="width:99%;height: 33%;">
                <div class="div_any_title" style="font-size: 25px;">[<span
                            class="jmdf-color-red">玉泰4号楼</span>]
                </div>
                <div id="housePic5" style="margin-top: 10px;"></div>
            </div>
        </div>
        <div class="left div_any01" style="width:99%">
            <div class="div_any_child" style="width:99%;height: 33%;">
                <div class="div_any_title" style="font-size: 25px;">[<span
                            class="jmdf-color-red">玉泰5号楼</span>]
                </div>
                <div id="housePic6" style="margin-top: 10px;"></div>
            </div>
        </div>
        <div class="left div_any01" style="width:99%">
            <div class="div_any_child" style="width:99%;height: 33%;">
                <div class="div_any_title" style="font-size: 25px;">[<span
                            class="jmdf-color-red">玉泰6号楼</span>]
                </div>
                <div id="housePic7" style="margin-top: 10px;"></div>
            </div>
        </div>
        <div class="left div_any01" style="width:99%">
            <div class="div_any_child" style="width:99%;height: 33%;">
                <div class="div_any_title" style="font-size: 25px;">[<span
                            class="jmdf-color-red">玉泰7号楼</span>]
                </div>
                <div id="housePic8" style="margin-top: 10px;"></div>
            </div>
        </div>
        <#--<div class="left div_any01" style="width:99%">
            <div class="div_any_child" style="width:99%;height: 33%;">
                <div class="div_any_title" style="font-size: 25px;">[<span
                            class="jmdf-color-red">玉泰8号楼</span>]
                </div>
                <div id="housePic9" style="margin-top: 10px;"></div>
            </div>
        </div>-->
        <div class="left div_any01" style="width:99%">
            <div class="div_any_child" style="width:99%;height: 33%;">
                <div class="div_any_title" style="font-size: 25px;">[<span
                            class="jmdf-color-red">玉泰15号楼</span>]
                </div>
                <div id="housePic10" style="margin-top: 10px;"></div>
            </div>
        </div>
    </div>
</div>
<script src="/layui/layui.js" charset="utf-8"></script>
<script src="/plugins/jquery/jquery.min.js"></script>
</body>
<script>
    function loadHousePic2() {/*玉泰1号楼*/
        $("#housePic2").html("加载中，请稍后...");
        $.get("housePicAllTen", {
            zsProjectIdStr: "'257', '258', '265', '0'",
            azProjectId: 22,
            buildNumStr: "('1')",
            _time: new Date().getTime()
        }, function (data) {
            $("#housePic2").html(data);
        });
    }
    function loadHousePic3() {/*玉泰2号楼*/
        $("#housePic3").html("加载中，请稍后...");
        $.get("housePicAllTen", {
            zsProjectIdStr: "'257', '258', '265', '0'",
            azProjectId: 22,
            buildNumStr: "('2')",
            _time: new Date().getTime()
        }, function (data) {
            $("#housePic3").html(data);
        });
    }
    function loadHousePic4() {/*玉泰3号楼*/
        $("#housePic4").html("加载中，请稍后...");
        $.get("housePicAllTen", {
            zsProjectIdStr: "'257', '258', '265', '0'",
            azProjectId: 22,
            buildNumStr: "('3')",
            _time: new Date().getTime()
        }, function (data) {
            $("#housePic4").html(data);
        });
    }
    function loadHousePic5() {/*玉泰4号楼*/
        $("#housePic5").html("加载中，请稍后...");
        $.get("housePicAllTen", {
            zsProjectIdStr: "'257', '258', '265', '0'",
            azProjectId: 22,
            buildNumStr: "('4')",
            _time: new Date().getTime()
        }, function (data) {
            $("#housePic5").html(data);
        });
    }
    function loadHousePic6() {/*玉泰5号楼*/
        $("#housePic6").html("加载中，请稍后...");
        $.get("housePicAllTen", {
            zsProjectIdStr: "'257', '258', '265', '0'",
            azProjectId: 22,
            buildNumStr: "('5')",
            _time: new Date().getTime()
        }, function (data) {
            $("#housePic6").html(data);
        });
    }
    function loadHousePic7() {/*玉泰6号楼*/
        $("#housePic7").html("加载中，请稍后...");
        $.get("housePicAllTen", {
            zsProjectIdStr: "'257', '258', '265', '0'",
            azProjectId: 22,
            buildNumStr: "('6')",
            _time: new Date().getTime()
        }, function (data) {
            $("#housePic7").html(data);
        });
    }
    function loadHousePic8() {/*玉泰7号楼*/
        $("#housePic8").html("加载中，请稍后...");
        $.get("housePicAllTen", {

            //一批次使用
            // zsProjectIdStr: "'257','0'",
            //二批次使用
            zsProjectIdStr: "'258', '259', '260', '261', '262', '263', '264', '0'",
            //三批次使用
            // zsProjectIdStr: "'265','0'",

            azProjectId: 22,
            // houseStyle: "('共享类房源')",
            buildNumStr: "('7')",
            _time: new Date().getTime()
        }, function (data) {
            $("#housePic8").html(data);
        });
    }
    /*function loadHousePic9() {/!*玉泰8号楼*!/
        $("#housePic9").html("加载中，请稍后...");
        $.get("housePicAllTen", {
            zsProjectIdStr: "'257'",
            azProjectId: 22,
            buildNumStr: "('8')",
            _time: new Date().getTime()
        }, function (data) {
            $("#housePic9").html(data);
        });
    }*/
    function loadHousePic10() {/*玉泰15号楼*/
        $("#housePic10").html("加载中，请稍后...");
        $.get("housePicAllTen", {
            zsProjectIdStr: "'257', '258', '265', '0'",
            azProjectId: 22,
            buildNumStr: "('15')",
            _time: new Date().getTime()
        }, function (data) {
            $("#housePic10").html(data);
        });
    }

    $(function () {
        /*房屋*/
        loadHousePic2();
        loadHousePic3();
        loadHousePic4();
        loadHousePic5();
        loadHousePic6();
        loadHousePic7();
        loadHousePic8();
/*
        loadHousePic9();
*/
        loadHousePic10();

        setInterval('loadHousePic2()', 30000);
        setInterval('loadHousePic3()', 30000);
        setInterval('loadHousePic4()', 30000);
        setInterval('loadHousePic5()', 30000);
        setInterval('loadHousePic6()', 30000);
        setInterval('loadHousePic7()', 30000);
        setInterval('loadHousePic8()', 30000);
/*
        setInterval('loadHousePic9()', 30000);
*/
        setInterval('loadHousePic10()', 30000);
    })

</script>
</html>
